<ion-view hide-nav-bar="true" view-title="私课" style="height: 100%;" ng-controller="privateTeachCtrl">
	<ion-header-bar align-title="center" class="bar-default" style="background-color: #F8F8F8;">
		<h1 class="title">私课</h1>
		<div class="buttons">
			<button class="button button-clear button-dark" on-touch="privateCourseList()">
                课种 <span class="ion-ios-arrow-down"></span>
            </button>
		</div>
	</ion-header-bar>
	<div id="privateCourseSelect" class="disNone" style="height: 400px;overflow: auto;box-shadow: 0 0 2px #000000;border-radius:8px;position: absolute; width: 90%;top: 50px;z-index: 100;left: 5%;background-color: #FFFFFF;background-size: 100% auto;">
		<ion-list style="">
			<div style="background-color: #FFFFFF;position: relative;border-top-left-radius: 8px;border-top-right-radius: 8px;height: 50px;margin-left: 5%;width: 90%;font-size: 16px; border-bottom: solid 2px #e5e5e5;line-height: 50px;border-right:none;border-left: none;">&emsp;选择课种类型</div>
			<ion-radio class="allsCourses" style="background-color:#FFFFFF; margin-left: 5%;width: 90%;font-size: 16px; border-bottom: solid 2px #e5e5e5;line-height: 50px;border-right:none;border-left: none;padding: 0;"
				on-touch="allPrivateCourse()" ng-model="choice">&emsp;全部课种</ion-radio>
			<ion-radio class="privateCourseLists" ng-repeat="course1 in privateClassFication" ng-click="privateCourseSelected(course1.id)"
				style="position: relative;margin-left: 5%;width: 90%;border-right:none;border-left: none;" ng-model="choice" ng-value="{{course1.id}}"
				id="{{course1.id}}"><span style="position: absolute;"><img style="width: 30px;" src="img/dance2x.png" alt=""></span ><span style="margin-left: 40px;">{{course1.name}}</span></ion-radio>
		</ion-list>
	</div>
	<ion-content lazy-scroll class="padding league_ion_Content" on-touch="closeCourseSelect()">
		<ion-refresher pulling-text="下拉刷新" on-refresh="doRefresh()"></ion-refresher>
		<ion-item class="item-icon-right"  ng-repeat="chat in items" type="item-text-wrap" ng-click="onclick({{chat.id}})">
			<div class="privateTeachListImg">
				<img image-lazy-src="{{chat.pic}}" image-lazy-distance-from-right-to-load='100px' lazy-scroll-resize="true" image-lazy-loader="spiral" width="90px" height="90px" alt="">
			</div>
			<div class="item-icon-right-Counts">
				<section>
					<div style="text-align: left;display: inline-block;margin-bottom:0px;font-size: 17px;width: 45%;">{{chat.name}}</div>
				</section>
				<ul>
					<div style="background-image: url({{chat.scoreImg.one}}); background-repeat: no-repeat; width: 18px;height: 15px; display: inline-block;background-size: 15px 15px;"></div>
					<div style="background-image: url({{chat.scoreImg.two}}); background-repeat: no-repeat; width: 18px;height: 15px; display: inline-block;background-size: 15px 15px;"></div>
					<div style="background-image: url({{chat.scoreImg.three}}); background-repeat: no-repeat; width: 18px;height: 15px; display: inline-block;background-size: 15px 15px;"></div>
					<div style="background-image: url({{chat.scoreImg.four}}); background-repeat: no-repeat; width: 18px;height: 15px; display: inline-block;background-size: 15px 15px;"></div>
					<div style="background-image: url({{chat.scoreImg.five}}); background-repeat: no-repeat; width: 18px;height: 15px; display: inline-block;background-size: 15px 15px;"></div>
				</ul>
				<div style="margin-top: 3px;">
					<span class="countsSpan" style="background: rgb(51, 205, 95);color: white" ng-repeat="ca in chat.tag">{{ca}}</span>
				</div>
				<div style="fost-size:13px;" class="memberCourseOrderDetails">
					<small>{{chat.charge}}</small>
				</div>
			</div>
			<div class="item-icon-right-CountsRigthSpan">
				   <span style="color: #FD9527;"><span style="font-size:12px;">{{chat.classCount}}节/</span><span style="font-size:20px;">{{chat.totalPrice}}¥</span></span>
			</div>
		</ion-item>
		<ion-item ng-if="items == ''" style="text-align: center">
					暂时没有课程
		</ion-item>
	</ion-content>
</ion-view>